<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1><ui><i>这是H1字号的一句话,这句话是斜体的,下面这条水平线是红色的,高度是60%,宽度是100%,靠左对齐.</i></ui></h1>
<hr style="color: #ff0cfe;height: 60%;width: 100%;float: left;"/>
<br/>
<h2><ui><b>这是H2字号的一句话,这句话是粗体的,下面这条水平线是蓝色的,高度是50%,宽度是90%,靠右对齐.</b></ui></h2>
<hr style="color: #9eff74;height: 50%;width: 90%;float: right;"/>
<br/>
<h3><ui><i>这是H3字号的一句话,这句话是斜体的,下面这条水平线是粉色的,高度是40%,宽度是80%,靠左对齐.</i></ui></h3>
<hr style="color: deeppink;height: 40%;width: 80%;float: left;"/>
<br/>
<h4><ui>这是H4字号的一句话</ui></h4>
<hr style="color: yellow"/>
<br/>
<h5><ui>这是H5字号的一句话</ui></h5>
<hr style="color: cyan"/>
<br/>
<h6><ui>这是H6字号的一句话</ui></h6>
<hr style="color: indigo"/>
<br/>
</body>
</html>